page {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.scrollarea {
  flex: 1;
  overflow-y: hidden;
  display: flex;
}

.container_box {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.bgImg {
  flex: 1;
  position: fixed;
  background-size: 100% 100%;
  z-index: -1;
}

.topBox {
  flex: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.btmBox {
  flex: 1;
  padding: 0 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logoImg {
  width: 220rpx;
  height: 220rpx;
  margin-top: 246rpx;
  margin-bottom: 112rpx;
}

.titleText {
  margin-bottom: 12rpx;
  font-family: YOUSHEhaoshenti, YOUSHEhaoshenti;
  font-weight: 400;
  font-size: 44rpx;
  color: #000000;
  line-height: 52rpx;
  letter-spacing: 2px;
  font-style: normal;
  text-transform: none;
}

.registerBtn {
  width: 100%;
  height: 100rpx;
  background: #2A220E;
  border-radius: 50rpx 50rpx 50rpx 50rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 32rpx;
  color: #FFFFFF;
}

.btmBox2 {
  padding: 0 56px;
  display: flex;
  justify-content: space-between;
  margin-top: 32rpx;
  height: 250rpx;

  .smallBtn {
    width: 240rpx;
    height: 100rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    border: 2rpx solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 32rpx;
    color: #000000;
  }
}